<template>
  <div class="DropdownTest">
    <Dropdown
      :menu-options="menuOptions"
      trigger="click"
      @select="select"
      @visiable-change="visiableChange">
      dropdown
    </Dropdown>
  </div>
</template>

<script lang="ts" setup>
import { reactive, h } from 'vue'
import Dropdown from './Dropdown.vue'
import type { MenuOption } from './types'
const menuOptions: MenuOption[] = reactive([
  { label: h('b', 'item1'), key: 1 },
  { label: 'item2', key: 2, divided: true },
  { label: 'item3', key: 3, disabled: true }
])
const select = e => {
  console.log(e)
}
const visiableChange = e => {
  console.log(e)
}
</script>

<style scoped></style>
